<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>padding讲解</title>

    <style>
        #main{
            width: 400px;
            height: 400px;
            border-top: 40px solid red;
            border-right:40px solid red;
            border-bottom:40px solid red;
            border-left:40px solid red;
            background: grey;

        }

        #web{
            padding: 30px;
            padding-top: 50px;
        }

    </style>

</head>
<body>
    <div id="main">
        <div id="web">
            随着css3和html5的普及，利用css3和html5中的知识能很容易的实现三角形，只不过脑残IE浏览器市场份额太大，国内尚有47.38%的份额，其中ie6还有接近6%的份额，html5和css3功能随强，遇到IE浏览器，你也没辙。你说恼人不恼人？所以今儿就不探讨利用html5和css3实现三角形的方法了。
        </div>
    </div>
</body>
</html>